0670{{ کدهای پخش آنلاین موسیقی و فیلم }}
با سلام. در این مطلب قصد دارم چند کد مورد نیاز در امور وب مستری رو خدمت شما معرفی کنم. مسلما به جز محتوای متنی، محتوای صوتی و تصویری نیز در جای خود بسیار موثر خواهد بود. و بسیاری از وبلاگ نویسان تمایل دارند در کنار مطالب متنی خود اقدام به انتشار فایل های صوتی یا تصویری نمایند.
این امر نیاز مند طی چند مرحله ساده است که در این پست به آن ها میپردازیم، قصد داریم آموزش قرار دادن فایل صوتی و تصویری (فیلم) با امکان پخش آنلاین را به شما ارائه کنیم. پس با ما همراه باشید
برای این امر نیاز داریم ابتدا فایل مورد نظر خود را در یکی از آپلودسنتر های موجود آپلود کنیم. که ما گیگ پارس را به شما پیشنهاد میکنیم
کد پخش آنلاین فایل صوتی :
راه شماره یک :
استفاده از کد زیر که دارای یک پلیر مناسب فلش می باشد
نمونه کد بالا :
توضیحات تکمیلی :
در آخرین خط این کد عبارت زیر را مشاهده میکنید :
اگر میخواهید به محض ورود به وبلاگ فایل صورتی پخش شود در قسمت autostart=no بجای کلمه no عبارت yes را قرار دهید و همچنین اگر میخواهید پس از اتمام پخش فایل صوتی، دوباره و چند باره پخش شود در عبارت loop=no بجای no عبارت yes را قرار دهید.
در نمونه بالا که عبارت های no قرار گرفته است، بازدیدکننده برای شنیدن فایل صوتی روی پلیر کلیک میکند و فایل نیز ۱ بار پخش میشود و پس از آن، تا زمانی که کاربر دوباره اقدام به پخش آن نکند، فایل نیز اجرا نمیگردد.
همچنین میتوانید عرض پلیر را تعیین کنید. در کد بالا در اولین خط عبارت width="300" به چشم میخورد. در این قسمت به جای عدد ۳۰۰ هر عدد دیگری را قرار دهید، پس از کلیک بر روی پلیر، به همان اندازه باز میشود.
مثلا در کد زیر بجای ۳۰۰ عدد ۲۰۰ قرار داده شده است :
همچنین برای پخش آهنگ مورد نظر خود، لینک مستقیم آن را بجای لینک http://gigpars.com/blog/OnlinePlayer.mp3 قرار دهید، دقت نمایید لینک باید به صورت مستقیم باشد. مانند لینکی که وبسایت گیگ پارس ارائه میکند
راه شماره دو :
از آنجایی که استفاده از کد بالا کمی جا گیر است! روش دوم را نیز به شما ارائه میکنیم. میتوانید از کد زیر ، در هر جایی که تمایل دارید امکان پخش آنلاین قرار دهید، استفاده کنید :
اگر صاحب وبلاگی با موضوع موسیقی هستید و یا قصد دارید از امکان پخش آنلاین در تمامی و یا اکثر پست هایتان استفاده کنید راه زیر را نیز به شما پیشنهاد میکنیم تا کار شما بهینه تر گردد. در واقع این کد همان کد بالاست اما به این صورت تعریف میگردد.
ابتدا یک بار کد زیر را زیر عبارت در قالب وبلاگتان قرار دهید
سپس عبارت زیر را در هر جایی که میخواید امکان پخش آنلاین داشته باشید قرار دهید
نمونه کد بالا :
http://gigpars.com/blog/OnlinePlayer.mp3
http://gigpars.com/upload/hnjk_OnlinePlayer.mp3
در کد بالا به جای عبارت video link لینک، ویدئوی مورد نظر را قرار دهید. همانطور که می بینید دو عبارت 'width': '500' و 'height': '375' به ترتیب برای تعیین عرض و ارتفاع پلیر قرار داده شده است که متناسب با قالب بلاگ و ابعاد ویدئویتان میتوانید آن را تغییر دهید
قرار دادن تصویر پس زمینه برای ویدئو :
بنا به درخواست یکی از کاربران امکان قرار دادن یک عکس در ابتدای ویدئو اضافه شد، به همین خاطر عبارت زیر به کد اضافه گردید
'image': Image link',
در این عبارت به جای Image link ، لینک تصویر مورد نظر خود را قرار دهید.
برای مثال در این ویدئو به جای video link، لینک ویدئو که http://gigpars.com/blog/Wildlife.flv می باشد قرار داده شده و همچنین لینک http://gigpars.com/upload/3kym_thumb.jpg به عنوان تصویر ابتدای ویدئو. که حاصل کار به شکل زیر است
نمونه کد بالا :
دقت کنید، اگر نمیخواهید برای ویدئو، تصویر قرار دهید عبارت 'image': 'Image link', را حذف کنید
برای پخش آنلاین ویدئو با کد فلش نیز میتوانید از کد زیر استفاده نمایید
به جای لینک http://gigpars.com/blog/Wildlife.flv آدرس ویدئوی مورد نظر خود را قرار دهید
در صورت وجود هر گونه سوال، در نظرات این پست مطرح کنید تا پاسخ داده شود
دانلود پروژه
نظرات شما عزیزان:
برچسبها:
700-روش حذف کردن اکانت و حساب تلگرام با کامپیوتر – Delete Telegram
699 - آموزش نصب همزمان چند تلگرام روی کامپیوتر
698- نصب همزمان 29 بیست و نه تلگرام رنگا رنگ بر روی یک گوشی بدون نیاز به روت
697 - ساخت آیکن بدون استفاده از نرم افزار جانبی
696 - نصب همزمان 7 هفت اینستاگرام در یک گوشی
695 {{ آموزش فریم ورک FuelPHP برای اولین بار به زبان فارسی }}
694 {{ اموزش نصب ابزار PHP در Visual Studio }}
693 {{ فیلم آموزش کامل و جامع سیستم مدیریت محتوای دیتالایف }}
692 {{ چگون یک سایت رایگان راه اندازی نمائیم }}
691 {{ تفاوت بانک اطلاعاتی مبتنی بر SQL با NOSQL و NEWSQL }}
690{{ آموزش بانک اطلاعاتی cassandra }}
689{{ آموزش بانک اطلاعاتی گراف دیتابیس(لینک اصلاح شد) }}
688{{ آموزش بانک اطلاعاتی MongoDB(لینک اصلاح شد) }}
687 {{ آموزش بانک اطلاعاتی neo4j (SQL }}
686 {{ دانلود فیلم آموزش بانک اطلاعاتی spanner }}
685 {{ دانلود فیلم اموزش شناخت مبنا ها و عملیات ریاضی در مبناهای مختلف }}
0684{{ آموزش تخصصی فارسی کردن منوهای گوشی های اندروید بدون نیاز به روت }}
0683{{ آموزش برنامه نویسی اندروید AndroidC }}
0682{{ دانلود کتاب های دوره های بین المللی طراحی وب سایت }}